import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:yi_shop/route/index.dart';
import 'package:yi_shop/ui/draw_under_line.dart';
import 'package:yi_shop/utils/colors.dart';
import 'package:yi_shop/utils/styles.dart';
import 'package:yi_shop/utils/svg.dart';
import 'package:yi_shop/utils/tools.dart';

class SaleRefundController extends GetxController {}

class SaleRefundPage extends GetView<SaleRefundController> {
  const SaleRefundPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: ToolsUtils.builderLeading(),
        title: Text(
          '退款/售后',
          style: StylesUtils.customTextStyle(
              fontSize: StylesUtils.fontSize18, fontWeight: FontWeight.w700),
        ),
        actions: [
          TextButton(
              onPressed: () {},
              child: Text(
                '售后规则',
                style: StylesUtils.customTextStyle(),
              ))
        ],
      ),
      body: ListView(
        itemExtent: 270,
        children: [
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '仅退款 退款中',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          var map = <String, int>{'status': 1};
                          Get.toNamed(RoutePath.saleRefundInfo, arguments: map);
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '仅退款 退款成功',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleRefundInfo, arguments: {'status': 2});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '仅退款 退款中',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleRefundInfo, arguments: {'status': 3});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '仅退款 退款成功',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleBarterInfo, arguments: {'status': 1});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '换货 换货中',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleBarterInfo, arguments: {'status': 2});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '换货 换货成功',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleBarterInfo, arguments: {'status': 3});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
          Container(
            color: Colors.white,
            margin: const EdgeInsets.only(top: 15),
            child: GestureDetector(
              onTap: () {},
              child: Column(
                children: [
                  DrawUnderLine(
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                    child: Container(
                        height: 45,
                        padding: const EdgeInsets.only(left: 25, right: 15),
                        alignment: Alignment.centerLeft,
                        child: Wrap(
                          crossAxisAlignment: WrapCrossAlignment.center,
                          alignment: WrapAlignment.start,
                          spacing: 15,
                          children: [
                            SvgUtils.assetName('u728', width: 21, height: 21),
                            Text(
                              '恒威燃油宝',
                              style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                            )
                          ],
                        )),
                  ),
                  Container(
                    padding: const EdgeInsets.only(left: 25, right: 15, top: 10),
                    margin: const EdgeInsets.only(bottom: 10),
                    alignment: Alignment.centerLeft,
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: [
                            CachedNetworkImage(
                              imageUrl:
                                  'https://img.alicdn.com/imgextra/i2/3517899888/O1CN01zcysko2MulFTX956t_!!0-saturn_solar.jpg_360x360xzq75.jpg_.webp',
                              width: 95,
                              height: 95,
                              fit: BoxFit.fill,
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 15),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '换货 换货成功',
                                style: StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                              ),
                            )
                          ],
                        ),
                        Expanded(
                            child: Padding(
                          padding: const EdgeInsets.only(left: 15),
                          child: Column(
                            children: [
                              ListBody(
                                children: [
                                  Container(
                                    alignment: Alignment.topLeft,
                                    child: Text(
                                      '德国巴斯夫快乐跑燃油宝汽油添加剂积碳清洗剂节油奔驰宝马保时捷',
                                      style:
                                          StylesUtils.customTextStyle(color: ColorsUtils.color3333),
                                    ),
                                  ),
                                  Container(
                                    margin: const EdgeInsets.only(top: 15),
                                    alignment: Alignment.centerLeft,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                      children: [
                                        Text(
                                          '每瓶50ml x 5瓶',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color9999),
                                        ),
                                        Text(
                                          'x 2',
                                          style: StylesUtils.customTextStyle(
                                              color: ColorsUtils.color0000,
                                              fontSize: StylesUtils.fontSize13),
                                        )
                                      ],
                                    ),
                                  ),
                                ],
                              ),
                            ],
                          ),
                        ))
                      ],
                    ),
                  ),
                  Container(
                    height: 1,
                    color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorE4e4),
                  ),
                  Container(
                    margin: const EdgeInsets.only(right: 35, top: 10),
                    alignment: Alignment.centerRight,
                    child: TextButton(
                        onPressed: () {
                          Get.toNamed(RoutePath.saleBarterInfo, arguments: {'status': 4});
                        },
                        style: ButtonStyle(
                            minimumSize: const MaterialStatePropertyAll(Size(70, 30)),
                            padding: const MaterialStatePropertyAll(EdgeInsets.zero),
                            alignment: Alignment.center,
                            shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(5),
                                side: BorderSide(
                                    color: ColorsUtils.parseColorFromHexString(
                                        ColorsUtils.color7979))))),
                        child: Text(
                          '查看详情',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color3333, fontSize: StylesUtils.fontSize13),
                        )),
                  )
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}
